<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			* {
				padding: 0; margin: 0;
			}
			.line {
				position: absolute;
				top: 300px;
				left: 0; right: 0;
				height: 1px;
				background: black;
			}
			.container {
				width: 700px; margin: auto;
				position: relative;
				height: 300px;
			}
			.pr {
				width: 5px; height: 5px;
				position: absolute;
				bottom: 0; background: black;
			}
		</style>
	</head>
	<body>
		<div class="container">
			
		</div>
		<div class="line"></div>
	</body>
	<script type="text/javascript">
		for(var i=0; i<100; i++) {
			document.createElement("div");
		}
	</script>
</html>